@font-face {
    font-family: element-icons;
    src: url('./css/fonts/element-icons.woff?t=1472440741') format('woff'),
    url('./css/fonts/element-icons.ttf?t=1472440741') format('truetype');
    font-weight: 400;
    font-style: normal
}
#LsApp{
    width: 100%;
    height: 100vh;
    display:flex;
    align-items: center;
    justify-content: space-around;
}
.left, .mid, .right{
    width: 33%;
    height: 100%;
    box-sizing: border-box;
    /* overflow: auto; */
    overflow-y: auto;
}
body{
    overflow: hidden;
}
.mid, .left{
    border-right: 1px solid sandybrown;
}
.left::-webkit-scrollbar, .mid::-webkit-scrollbar, .right::-webkit-scrollbar{
    width:5px;
    height:10px;
    /* background-color: transparent; */
    background-color:#ffffff;
}
    
    /*滚动条的轨道*/
    
.left::-webkit-scrollbar-track, .mie::-webkit-scrollbar-track, .right::-webkit-scrollbar-track{
    /* box-shadow:inset 0 0 5px rgba(0,0,0,.3); */
    background-color: #abcdef;
    
 }
    
    /*滚动条的滑块按钮*/
    
.left::-webkit-scrollbar-thumb, .mid::-webkit-scrollbar-thumb, .right::-webkit-scrollbar-thumb{
    border-radius:5px;
    background-color:rgba(230, 162, 60, 0.6);
    /* box-shadow:inset 0 0 5px #000; */
}
    
    /*滚动条的上下两端的按钮*/
    
.left::-webkit-scrollbar-button, .mid::-webkit-scrollbar-button, .right::-webkit-scrollbar-button{
    height:5px;
    background-color:#B0AEDA;
    display:none; 
}

/*  */
.right{
    display: flex;
    align-items: center;
    justify-content: center;
}
.phone-simulator{
    transform: translateY(-20%);
    height: 640px;
    z-index: 1;
    box-sizing: border-box;
    overflow: hidden;
    background: #fafafa;
    border-radius: 6px;
    box-shadow: #ebedf0 0 4px 12px;
    width: 320px;
    /* overflow: auto; */
}
.phone-simulator::-webkit-scrollbar{
    width: 0px;
}
@media (max-width: 1300px){
    .phone-simulator {
        width: 320px;
        min-width: 320px;
    }
}
